<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>await并行操作原理</title>
</head>
<body>
    
</body>
<script>
    async function getone(){
        return new Promise(resolve=>{
            setTimeout(()=>{
                resolve('jimmy')
            },2000)
        
        })
    }
    async function gettwo(){
        return new Promise(resolve=>{
            setTimeout(() => {
                resolve('homework')
            }, 2000);
        })
    }
    // 可以看到 这个时候输出的效果是 等第一个await输出结束了以后才输出第二个await   并不是同时输出的一个效果 或者说不是并行输出
    async function getall(){
        let h1 = await getone()
        console.log(h1)
        let h2 = await gettwo()
        console.log(h2)
    }
    getall()

    // 其实要并行输出  我们之前使用的Promise.all就可以实现啦~~
    //    await就是处理.then()后面的值 然后传递给all
    async function getget(){
        let all = await Promise.all([getone(),gettwo()])
        console.log(all)
    }
    getget()  
</script>
</html>